.home{
	.main{
		width: 100%;
		.newinfo{
			width: 100%;
			margin-bottom: 25px;
			.newinfo-left{
				float: left;
				width: 33%;
				margin-right: 5%;
				@media (max-width: 768px) {
					width: 96%;
					margin-right: 0;
					padding: 10px;
				}
				.centera{
					.oranger{
						margin-top: 20px;
						font-size: 20px;
						border-bottom: 1px solid #e5e5e5;
						a{
							display: inline-block;
							padding: 10px;
							&:hover{
								text-decoration: none;
							}
						}
						.hover{
							background-color: #3c3fab;
							color: #fff;
						}
					}
					.tablea{
						.box{
							display: none;
							ul{
								li{
									a{
										display: block;
										color: #7a7a7a;
										border-bottom: 1px dashed #7a7a7a;
										&:hover{
											text-decoration: none;
											color: #000;
										}
										p{
											overflow:hidden;  
										    text-overflow:ellipsis;  
										    white-space:nowrap;
										    font-size: 18px;
										    line-height: 25px;
										    margin: 20px 0 10px 0;
										    display: block;
										}
										span{
											display: block;
											text-align: right;
											margin-bottom: 5px;
										}
									}
								}
							}
						}
					}
				}
			}
			.newinfo-right{
				float: left;
				width: 61%;
				@media (max-width: 768px) {
					width: 100%;
				}
				.title{
					margin-top: 20px;
					h4{
						font-size: 20px;
						padding: 10px;
						font-weight: 500;
						display: inline-block;
					}
					a{
						float: right;
						padding: 10px;
						display: inline-block;
						line-height: 25px;
						&:hover{
							color: #7a7a7a;
							text-decoration: none;
						}
					}
				}
				.alinfo{
					@media (max-width: 768px) {
						padding-left: 4%;
					}
					ul{
						overflow: hidden;
						margin-top: 20px;
						li{
							float: left;
							width: 30%;
							margin-right: 3%;
							a{
								display: block;
								position: relative;
								&:hover{
									text-decoration: none;
									color: #000;
								}
								img{
									display: block;
									width: 100%;									
								}
								span{
									text-align: center;
									color: #fff;
									position: absolute;
									bottom: 0;
									width: 100%;
									display: block;
									font-size: 14px;
									background:rgba(0,0,0,0.5);
									line-height: 30px;
								}
							}
						}
					}
				}
			}
		}
		.item{
			background: #f1f1f1;
			margin-bottom: 30px;
			ul{
				margin-left: 1%;
				width: 100%;
				overflow: hidden;
				li{
					float: left;
					@media (max-width: 768px) {
						width: 100%;
					}
					a{
						display: block;
						width: 100%;
						overflow: hidden;
						.small{
							display: block;
							@media (max-width: 768px) {
								display: none!important;
							}
						}
						.big{
							display: none;
							@media (max-width: 768px) {
								display: block!important;
								width: 100%!important;
							}
						}
					}
				}
				.current{
					.hide{
						display: none;
					}
					.show{
						display: block;
					}
				}
			}
		}
	}
}